* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
::-webkit-scrollbar {
  // 直接复制黏贴到样式页.css，完美解决
  display: none;
  /* background-color:transparent; */
}
:global {
  #root {
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    
  }

  ol, ul, dl,p {
    margin: 0;
    padding: 0;
  }
  .list_box{
    background-color: #fff;
    margin-top: .1rem;
    box-sizing: border-box;
    .title{
      height: .5rem;
      background: #fff;
      text-align: center;
      font-size: .15rem;
      line-height: .5rem;
      letter-spacing: .01rem;
      font-weight: 700;
    }
    div{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }
  }
  
}

html {
  font-size: calc(100vw / 375 *100);
}

body {
  font-size: .14rem;
}

.con {
  width: 100%;
  height: 100%;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  main{
    flex: 1;
    overflow-y: auto;
  }
  footer {
    width: 100%;

    ul {
      width: 100%;
      height: .5rem;
      border-top: .01rem solid #ccc;
      display: flex;
      justify-content: space-around;
      align-items: center;
      li{
        a{
          color: #686868;
          display: flex;
          flex-direction: column;
          text-align: center;
          i{
            font-size: .18rem;
          }
          &.active{
            color: #2196f3;
            font-weight: bold;
          }
        }
      }
    }

  }
}
